<!--
  新闻详情页
  创建人：www
  日期：20190507
 -->
<template lang="pug">
  kalix-master
    div.top-box
      img(:src='item.newUrl')
    div.box-width
      div.left-box
        div.nav
          span 当前位置：首页>
          span.second-nav
        div.news
          p.title {{item.newTitle}}
          div.content
            span.date {{item.creationDate}}
            span.browse 浏览量：2262
        div.news
          p.title {{item.newDetails}}
          div.details
        div.footer
          p.last 上一条：XXX
          p.next 下一条：XXX
          div.clear
      div.right-box
        img(:src='item.newUrl')
        item.newUrl
        div.news
          p.title {{item.newTitle}}
          p.date {{item.creationDate}}
          p.details {{item.newDetails}}
          p.detailed-content 详细内容 >>

</template>

<script>
  export default {
    data() {
      return {
        item: this.$route.query.news
      }
    }
  }
</script>

<style lang="stylus" scoped rel="stylesheet">
  .clear
    clear both

  .top-box
    img
      display block
      width 100%
      height 200px

  .box-width
    width 1200px
    margin 0 auto
    .left-box
      display inline-block
      vertical-align top
      margin-top 20px
      width 720px
      .nav
        font-size 18px
        .second-nav
          color #FF9933
      .news
        margin-top 50px
        .title
          font-size 18px
          font-weight bold
          margin-bottom 18px
        .content
          color #999
          .date
            font-size 34px
            margin-right 35px
            vertical-align middle
          .browse
            vertical-align middle
            line-height 34px
        .details
          color #999
          height 500px
          overflow auto
          p
            text-indent 2em
            line-height 24px
            font-size 14px
            font-weight bold
      .footer
        font-size 18px
        color #0099FF
        font-weight bold
        margin-top 20px
        .last
          float left
          cursor pointer
        .next
          float right
          cursor pointer
    .right-box
      display inline-block
      vertical-align top
      margin-left 30px
      img
        display block
        width 450px
        height 350px
        margin-top 86px
        cursor pointer
      .news
        width 402px
        height 315px
        background-color #F4F4F4
        padding 30px 24px 0 24px
        .title
          font-size 18px
          font-weight bold
          margin-bottom 26px
          cursor pointer
        .date
          color #999
          font-size 16px
          margin-bottom 32px
        .details
          color #999
          font-size 16px
          line-height 28px
          cursor pointer
        .detailed-content
          margin-top 40px
          color #FF9933
          cursor pointer
</style>
